﻿<!DOCTYPE html>
<html lang="zh-cn">

{include file="include/head.html"}

	<body data-spy="scroll" data-target=".navbar-collapse">
		<!-- start navigation -->
		<nav class="navbar navbar-default navbar-fixed-top">
			<div class="container">
				<!-- Brand and toggle get grouped for better mobile display -->
				<div class="navbar-header">
					<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
				        <span class="sr-only">Toggle navigation</span>
				        <span class="icon-bar"></span>
				        <span class="icon-bar"></span>
				        <span class="icon-bar"></span>
				    </button>
					<a class="navbar-brand hidden-xs" href="/index.html"><img src="{__TPLPATH__}images/logo.png" alt="logo.png" /></a>
					<!--<a class="navbar-brand small visible-xs" href="index.html"><img src="{__TPLPATH__}images/logo-small.png" alt="logo.png" /></a>-->
					<a class="navbar-brand visible-xs" href="#"><span style="font-size: 18px;color: #ED2123;font-weight: bold;line-height: 46px;">隆领</span></a>
				</div>

				<!-- Collect the nav links, forms, and other content for toggling -->
				<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
					<ul class="nav navbar-nav navbar-right">
						<li><a target="_blank" href="#home" class="smoothScroll">首 页</a></li>
						<li><a target="_blank" href="#about" class="smoothScroll">公 司</a></li>
						<li><a target="_blank" href="#service" class="smoothScroll">服 务</a></li>
						<li><a target="_blank" href="#case" class="smoothScroll">案 例</a></li>
						<li><a target="_blank" href="#news" class="smoothScroll">动 态</a></li>
						<li><a target="_blank" href="#contact" class="smoothScroll">联 系</a></li>
						<li class="visible-lg"><a target="_blank" href="static.html" class="smoothScroll">体 验</a></li>
					</ul>
				</div>
				<!-- /.navbar-collapse -->
			</div>
			<!-- /.container -->
		</nav>
		<!-- end navigation -->
		<!-- start home -->
		<section id="home" class="text-center">
			<div class="flexslider">
				<ul class="slides">
                    {php $linksid = getlinksdata(72)}
                    {foreach data=$linksid key=$key value=$val}
					<li>
						<img src="{$val['sen_links5']}" alt="Slide {$key+1}" />
						<div class="slider-caption">
							<div class="homewrapper">
								<h1 class="wow fadeInDown" data-wow-delay="2000">{$val['sen_links6']}</h1>
								<h2 class="wow fadeInDown" data-wow-delay="2000">
								  	<span class="rotate">{$val['sen_links7']}</span>
							    </h2>
								<p>{$val['sen_links8']}</p>
								<a href="{$val['sen_links9']}" target="_blank" class="smoothScroll btn btn-default wow fadeInDown" data-wow-delay="2000">Read more</a>
							</div>
						</div>
					</li>
                    {/foreach}
				</ul>
			</div>
		</section>
		<!-- end home -->
		<!-- start about -->
		<section id="about">
			<div class="container">
				<div class="row">
                    {list:company table="onepagesys" where="onepagesys1=73" limit="1"}
					<div class="col-sm-6 col-md-7 wow fadeInLeft" data-wow-delay="2000">
						<h3 class="black">{$company['onepagesys4']}</h3>
						<h4 class="red">{$company['onepagesys5']}</h4>
						<h4 class="black">{$company['onepagesys6']}</h4>
						<p>{$company['onepagesys7']}</p>
					</div>
					<div class="col-sm-6 col-md-5 wow fadeInRight" data-wow-delay="2000">
						<img src="{$company['onepagesys8']}" class="img-responsive center-block" alt="company 1">
					</div>
                    {/list}
				</div>
				<!--<div class="more text-center">
					<a href="#about" class="smoothScroll btn btn-default wow fadeInDown" data-wow-delay="2000">查看更多</a>
				</div>-->
			</div>
		</section>
		<!-- end about -->
		<!-- start service -->
		<section id="service">
			<div class="container">
				<div class="row">
					<div class="text-center col-md-12 wow fadeInDown" data-wow-delay="2000">
						<h3>我们的服务</h3>
					</div>
					<div class="col-md-2"></div>
					<div class="col-md-8 text-center">
                        {list:company table="onepagesys" where="onepagesys1=74" limit="1"}
						<p>{$company['onepagesys4']}</p>
                        {/list}
                    </div>
					<div class="col-md-2"></div>
					<div class="col-sm-6 col-md-4 wow fadeInLeft" data-wow-delay="2000">
						<div class="media">
							<i class="fa fa-fire pull-left media-object"></i>
							<div class="media-body">
                                {list:fuwu table="sen_links" where="sen_links0=30" limit="1"}
								<h4 class="media-heading">{$fuwu['sen_links5']}</h4>
								<p>{$fuwu['sen_links6']}</p>
                                {/list}
							</div>
						</div>
					</div>
					<div class="col-sm-6 col-md-4 wow fadeInDown" data-wow-delay="2000">
						<div class="media">
							<i class="fa fa-desktop pull-left media-object"></i>
							<div class="media-body">
                                {list:fuwu table="sen_links" where="sen_links0=31" limit="1"}
                                <h4 class="media-heading">{$fuwu['sen_links5']}</h4>
                                <p>{$fuwu['sen_links6']}</p>
                                {/list}
							</div>
						</div>
					</div>
					<div class="col-sm-6 col-md-4 wow fadeInRight" data-wow-delay="2000">
						<div class="media">
							<i class="fa fa-shopping-cart pull-left media-object"></i>
							<div class="media-body">
                                {list:fuwu table="sen_links" where="sen_links0=32" limit="1"}
                                <h4 class="media-heading">{$fuwu['sen_links5']}</h4>
                                <p>{$fuwu['sen_links6']}</p>
                                {/list}
							</div>
						</div>
					</div>
					<div class="col-sm-6 col-md-4 wow fadeInLeft" data-wow-delay="2000">
						<div class="media">
							<i class="fa fa-comments pull-left media-object"></i>
							<div class="media-body">
                                {list:fuwu table="sen_links" where="sen_links0=33" limit="1"}
                                <h4 class="media-heading">{$fuwu['sen_links5']}</h4>
                                <p>{$fuwu['sen_links6']}</p>
                                {/list}
							</div>
						</div>
					</div>
					<div class="col-sm-6 col-md-4 wow fadeInDown" data-wow-delay="2000">
						<div class="media">
							<i class="fa fa-laptop pull-left media-object"></i>
							<div class="media-body">
                                {list:fuwu table="sen_links" where="sen_links0=34" limit="1"}
                                <h4 class="media-heading">{$fuwu['sen_links5']}</h4>
                                <p>{$fuwu['sen_links6']}</p>
                                {/list}
							</div>
						</div>
					</div>
					<div class="col-sm-6 col-md-4 wow fadeInRight" data-wow-delay="2000">
						<div class="media">
							<i class="fa fa-wrench pull-left media-object"></i>
							<div class="media-body">
                                {list:fuwu table="sen_links" where="sen_links0=35" limit="1"}
                                <h4 class="media-heading">{$fuwu['sen_links5']}</h4>
                                <p>{$fuwu['sen_links6']}</p>
                                {/list}
							</div>
						</div>
					</div>
				</div>
			</div>
		</section>
		<!-- end service -->
		<!-- start case -->
		<section id="case" class="text-center">
			<div class="container">
				<div class="row">
					<div class="col-md-12 wow fadeInDown" data-wow-delay="2000">
						<h3>我们的案例</h3>
					</div>
					<div class="col-md-2"></div>
					<div class="col-md-8">
                        {list:company table="onepagesys" where="onepagesys1=76" limit="1"}
                        <p>{$company['onepagesys4']}</p>
                        {/list}
					</div>
					<div class="col-md-2"></div>
                    {php $productid = getproductdata(77)}
                    {foreach data=$productid key=$key value=$val}
					<div class="col-sm-6 col-md-4 wow {if $key==0}fadeInLeft {elseif $key==1} fadeInDown{elseif $key==2}fadeInRight{elseif $key==3}fadeInLeft{elseif $key==4}fadeInUp{elseif $key==5}fadeInRight{/if}" data-wow-delay="2000">
						<div class="case-content">
							<div class="case_thumb">
								<img src="{$val['sen_product6']}" class="img-responsive center-block" alt="case">
								<div class="case_overlay">
									<a target="_blank" href="{$val['sen_product10']}" class="info">
										<i class="fa fa-link"></i>
										<br>
										Read More
									</a>
								</div>
							</div>
							<h4><a href="{$val['sen_product2']}">{$val['sen_product5']}</a></h4>
							<div class="line_3"><p>{$val['sen_product8']}</p></div>
						</div>
					</div>
				    {/foreach}
				</div>
				<div class="more text-center">
					<a href="/case/case_1.html" class="smoothScroll btn btn-default wow fadeInDown" data-wow-delay="2000">查看更多</a>
				</div>
			</div>
		</section>
		<!-- end case -->
		<!-- start news -->
		<section id="news" class="text-center">
			<div class="container">
				<div class="row">
					<div class="col-md-12 wow fadeInDown" data-wow-delay="2000">
						<h3>我们的动态</h3>
					</div>
					<div class="col-md-2"></div>
					<div class="col-md-8">
                        {list:company table="onepagesys" where="onepagesys1=78" limit="1"}
                        <p>{$company['onepagesys4']}</p>
                        {/list}
					</div>
					<div class="col-md-2"></div>
                    {list:news table="sen_product" where="sen_product1=79 and sen_product4=6" order="sen_product7 desc" limit="3"}
					<div class="col-sm-6 col-md-4 wow {if $news_key==0}fadeInLeft {elseif $news_key==1} fadeInDown{elseif $news_key==2}fadeInRight{/if}" data-wow-delay="2000">
						<div class="news-content">
							<div class="news_thumb">
								<img src="{$news['sen_product6']}" alt="news">
								<div class="news_overlay">
									<a href="{$news['sen_product2']}" class="info">
										<i class="fa fa-search"></i>
										<br>
										Read More
									</a>
								</div>
							</div>
							<h4><a href="{$news['sen_product2']}">{$news['sen_product5']}</a></h4>
							<div class="line_3"><p>{$news['sen_product8']}</p></div>
						</div>
					</div>
					{/list}
              </div>
				<div class="more-inverse text-center">
					<a href="/news/news_1.html" class="smoothScroll btn btn-default wow fadeInDown" data-wow-delay="2000">查看更多</a>
				</div>
			</div>
		</section>
		<!-- end news -->
		<!-- start parter -->
		<section id="parter">
	        <div class="t-clients">
	          	<div class="container"> 											 
					<div class="nbs-flexisel-container">
						<div class="nbs-flexisel-inner">
							<ul class="parter-list nbs-flexisel-ul">
                                {list:pop table="sen_links" where="sen_links1=80" order="sen_links0 desc" limit="all"}
                                <li class="nbs-flexisel-item"><img src="{$pop['sen_links6']}"></li>
                                {/list}
							</ul>
							<div class="nbs-flexisel-nav-left" style="top: 21.5px;"></div>
							<div class="nbs-flexisel-nav-right" style="top: 21.5px;"></div>
						</div>
					</div> 
					<div class="clear"></div>      
					<!---strat-image-cursuals---->
					<script type="text/javascript" src="{__TPLPATH__}js/jquery.flexisel.js"></script>
					<!---End-image-cursuals---->
					<script type="text/javascript">
					$(window).load(function() {
					    $(".parter-list").flexisel({
					        visibleItems: 5,
					        animationSpeed: 1000,
					        autoPlay: true,
					        autoPlaySpeed: 3000,            
					        pauseOnHover: true,
					        enableResponsiveBreakpoints: true,
					        responsiveBreakpoints: { 
					            portrait: { 
					                changePoint:480,
					                visibleItems: 1
					            }, 
					            landscape: { 
					                changePoint:640,
					                visibleItems: 2
					            },
					            tablet: { 
					                changePoint:768,
					                visibleItems: 3
					            }
					        }
					    });
					});
					</script>
				</div>				
			</div>
		</section>
		<!-- end parter -->
		<!-- start contact -->
		<section id="contact" class="text-center">
			<div class="container">
				<div class="row">
					<div class="col-md-12 wow fadeInDown" data-wow-delay="2000">
						<h3>留言给longling</h3>
					</div>
					<div class="col-md-2"></div>
					<div class="col-md-8">
                        {list:company table="onepagesys" where="onepagesys1=81" limit="1"}
                        <p>{$company['onepagesys4']}</p>
                        {/list}
					</div>
					<div class="col-md-2"></div>
					<div class="clear"></div>
					<form action="/apps/message.php" method="post" class="form clearfix">
						<div class="col-md-4 wow fadeInLeft" data-wow-delay="2000">
							<input type="text" placeholder="姓名" class="form-control" name="message[sen_message5]">
						</div>
						<div class="col-md-4 wow fadeInDown" data-wow-delay="2000">
							<input type="email" placeholder="电子邮件" class="form-control" required name="message[sen_message6]" >
						</div>
						<div class="col-md-4 wow fadeInRight" data-wow-delay="2000">
							<input type="text" placeholder="标题" class="form-control" name="message[sen_message7]">
						</div>
						<div class="col-md-12 wow fadeInDown" data-wow-delay="2000">
							<textarea placeholder="具体内容" class="form-control" name="message[sen_message8]"></textarea>
						</div>
						<div class="col-md-3"></div>
						<div class="col-md-6 wow fadeInUp" data-wow-delay="2000">
							<input type="submit" value="提交留言" class="form-control">
						</div>
						<div class="col-md-3"></div>
					</form>
				</div>
			</div>
		</section>
		<!-- end contact -->
		<!-- start footer -->
        {include file="include/footer.html"}
		<!-- end footer -->
		<!-- Include all compiled plugins (below), or include individual files as needed -->
		<script src="{__TPLPATH__}js/bootstrap.min.js"></script>
		<script src="{__TPLPATH__}js/jquery.simple-text-rotator.js"></script>
		<script src="{__TPLPATH__}js/smoothscroll.js"></script>
		<script src="{__TPLPATH__}js/wow.min.js"></script>
		<script src="{__TPLPATH__}js/jquery.flexslider.js"></script>
		<script type="text/javascript">
			$(function() {
				/* FlexSlider */
				$('.flexslider').flexslider({
					animation: "fade",
					directionNav: false,
					controlNav: false
				});
				/* 延迟动画 */
				new WOW().init();
				/* 文字变换  */
				$(".rotate").textrotator();
				/*限制行数*/
			   	$(".line_3").each(function() {
			        var divH = $(this).height();
			        var $p = $("p", $(this)).eq(0);
			        while ($p.outerHeight() > divH) {
			            $p.text($p.text().replace(/(\s)*([a-zA-Z0-9]+|\W)(\.\.\.)?$/, "..."));
			        };
			    });
			});
		</script>
	</body>

</html>